{% for i in (0..4) %}
{% assign relaLink = site.relativeLinks[i] %}
<div class="col-md-1-5">
  <a class="image-wrapper image-wrapper-justify-horizontal" style="height: 54px" href="{{site.url | append: relaLink.link}}">
    <img class="image-cover" src="{{site.url | append: relaLink.thumb}}" alt="{{relaLink.alt}}"></a>
</div>
{% endfor %}

{% for i in (0..4) %}
{% assign footerMenu = site.footerMenus[i] %}
<div class="col-md-1-5">
  <div class="btn-group" style="width: 100%; margin-top: 1rem">
    <div class="btn btn-default" style="width: calc(100% - 2em)">{{footerMenu.title}}</div>
    <div class="btn btn-default dropdown-toggle" data-toggle="dropdown">
      <span class="caret"></span>
      <span class="sr-only">Toggle Dropdown</span>
    </div>
    <ul class="dropdown-menu">
      {% for item in footerMenu.children %}
      <li role="presentation"><a role="menuitem" tabindex="-1" href="{{item.link}}">{{item.label}}</a></li>
      {% endfor %}
    </ul>
  </div>
</div>
{% endfor %}